<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="chrome=1">
		<title>Bajo El Séptimo Cielo</title>
		<style>
			@import url(http://fonts.googleapis.com/css?family=Merienda);
			body {

				font-family: 'Georgia';
				font-style: italic;
				background: #000000;
				color: #ffffff;
				margin: 0px;
				overflow: hidden;
				
			}

			a {

				color: #ffffff;
				text-decoration: none;

			}

			a:hover {

				text-decoration: underline;

			}
			*{
				font-family: 'Merienda';
			}
		</style>
		
		<script type="text/javascript" src="js/libs/ThreeCanvas.js"></script>
		<script type="text/javascript" src="js/libs/three/extras/ImageUtils.js"></script>

		<script type="text/javascript" src="js/geometry/Sphere.js"></script>
		<script type="text/javascript" src="js/geometry/Plane.js"></script>
		<script type="text/javascript" src="js/geometry/Asteroid.js"></script>

		<script type="text/javascript" src="js/Sequencer.js"></script>
		<script type="text/javascript" src="js/effects/Effect.js"></script>
		<script type="text/javascript" src="js/effects/Part1Effect.js"></script>
		<script type="text/javascript" src="js/effects/Part2Effect.js"></script>
		<script type="text/javascript" src="js/effects/Part3Effect.js"></script>
		<script type="text/javascript" src="js/effects/Part4Effect.js"></script>
		<script type="text/javascript" src="js/effects/Part42Effect.js"></script>
		<script type="text/javascript" src="js/effects/Part43Effect.js"></script>
		<script type="text/javascript" src="js/effects/Part44Effect.js"></script>
		<script type="text/javascript" src="js/effects/Part5Effect.js"></script>
		<script type="text/javascript" src="js/effects/Part6Effect.js"></script>
		<script type="text/javascript" src="js/effects/Part7Effect.js"></script>
		<script type="text/javascript" src="js/effects/Part8Effect.js"></script>
		<script type="text/javascript" src="js/effects/ClearEffect.js"></script>
		<script type="text/javascript" src="js/effects/FadeInEffect.js"></script>
		<script type="text/javascript" src="js/effects/FadeOutEffect.js"></script>
		
		<script type="text/javascript" src="js/Main.js"></script>
		
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/jquery-ui.js"></script>
		<script type="text/javascript" src="js/jQueryRotate.2.1.js"></script>
		
		<script type="text/javascript">
			<!--
			$(document).ready(function(){
				function nube11(){
					$('#nube1').animate({bottom: '-90px'}, {duration:Math.floor((Math.random()*5000)+1000),queue:false, easing: 'easeInOutBack', complete: function(){nube12();}});
				};
				function nube12(){
					$('#nube1').animate({bottom: '-100px'}, {duration:Math.floor((Math.random()*5000)+1000),queue:false, easing: 'easeInOutBack', complete: function(){nube11();}});
				};
				nube11();
				
				function nube21(){
					$('#nube2').animate({bottom: '-90px'}, {duration:Math.floor((Math.random()*5000)+1000),queue:false, easing: 'easeInOutBack', complete: function(){nube22();}});
				};
				function nube22(){
					$('#nube2').animate({bottom: '-100px'}, {duration:Math.floor((Math.random()*5000)+1000),queue:false, easing: 'easeInOutBack', complete: function(){nube21();}});
				};
				nube21();
				
				function nube31(){
					$('#nube3').animate({bottom: '-90px'}, {duration:Math.floor((Math.random()*5000)+1000),queue:false, easing: 'easeInOutBack', complete: function(){nube32();}});
				};
				function nube32(){
					$('#nube3').animate({bottom: '-100px'}, {duration:Math.floor((Math.random()*5000)+1000),queue:false, easing: 'easeInOutBack', complete: function(){nube31();}});
				};
				nube31();
				
				function nube41(){
					$('#nube4').animate({bottom: '-90px'}, {duration:Math.floor((Math.random()*5000)+1000),queue:false, easing: 'easeInOutBack', complete: function(){nube42();}});
				};
				function nube42(){
					$('#nube4').animate({bottom: '-100px'}, {duration:Math.floor((Math.random()*5000)+1000),queue:false, easing: 'easeInOutBack', complete: function(){nube41();}});
				};
				nube41();
				
				function nube51(){
					$('#nube5').animate({bottom: '-90px'}, {duration:Math.floor((Math.random()*5000)+1000),queue:false, easing: 'easeInOutBack', complete: function(){nube52();}});
				};
				function nube52(){
					$('#nube5').animate({bottom: '-100px'}, {duration:Math.floor((Math.random()*5000)+1000),queue:false, easing: 'easeInOutBack', complete: function(){nube51();}});
				};
				nube51();
			});
			
			$(window).load(function() {
				var estado;
				setTimeout('estado=start(0);if(estado!=1){$("#mi_musica").css("top","50%");var a1 = 0;ci1=function (){a1=a1+360;$("#background_nova").rotate({animateTo:a1,duration:40000,easing: $.easing.easeInOutBack,callback: function(){ci1();}})};ci1();}else{$("#background_nova").stop().animate({opacity: "0"}, {duration:0,queue:false});$("#mi_musica").animate({top: "50%"}, {duration:4000,queue:false,easing: "easeOutBack"});}',500);			
				setTimeout('$("#carga").animate({opacity: "0"}, {duration:1000,queue:false, complete: function(){$("#carga").css("display","none");}});',500)
				$('#nube1').animate({opacity: '1'}, {duration:3000,queue:false});
				$('#nube2').animate({opacity: '1'}, {duration:3000,queue:false});
				$('#nube3').animate({opacity: '1'}, {duration:3000,queue:false});
				$('#nube4').animate({opacity: '1'}, {duration:3000,queue:false});
				$('#nube5').animate({opacity: '1'}, {duration:3000,queue:false});
			});
			-->
			</script>
	</head>
	<body>

		<audio id="audio" autobuffer>
			<source src="files/cancionsinacabar.mp3" type="audio/mpeg; codecs=vorbis">
			<source src="files/cancionsinacabar.ogg" type="audio/ogg"> 
		</audio>

		<div id="launcher" style="padding-top: 100px; text-align: center"></div>
 
		<div style="position: absolute;height: 100%;width: 100%;top:0px;left: 0px;">  
			<img id="background_nova" src="files/textures/background_nova.png" style="margin-left:-1024px;margin-top:-1184px; left: 50%;;top: 50%;width:2048px;height:2048px;position: absolute;overflow: hidden;display:block;"/>
			<div id="mi_musica" style="border-radius:16px; margin-left:-250px;margin-top:-300px; left: 50%;;top: 150%;width: 500px;height: 570px;background: #fff url('files/background.png') repeat;opacity:1;position: relative;border:#ccc solid 4px;box-shadow:#000 4px 4px 8px;">
				<div style="position: absolute;top:-52px;left:0px;color: #fff;font-size: 38px;font-weight: bold;text-shadow:#000 2px 2px 4px;width: 100%;text-align: center;">
					Bajo El Séptimo Cielo
				</div>
				<div style="width: 100%;padding: 20px;color: #000;font-size:20px;line-height: 38px;text-shadow:#ccc 2px 2px 4px;font-weight: bold;">
					<div>Bajo El Séptimo Cielo</div>
					<div>Almas de Metal</div>
					<div>El Jardín del Edén</div>
					<div>Track 1</div>
					<div>Track 1</div>
					<div>Track 1</div>
					<div>Track 1</div>
					<div>Track 1</div>
					<div>Track 1</div>
					<div>Track 1</div>
					<div>Track 1</div>
					<div>Full Sesion</div>
				</div>
				 
				<img id="nube1" src="files/nube1.png" style="opacity:0;z-index: 9999;position: absolute;width: 300px;bottom:-100px;left: -160px;"/>
				<img id="nube2" src="files/nube2.png" style="opacity:0;z-index: 9999;position: absolute;width: 300px;bottom:-100px;left: -40px;"/>
				<img id="nube3" src="files/nube3.png" style="opacity:0;z-index: 9999;position: absolute;width: 300px;bottom:-100px;left: 80px;"/>
				<img id="nube4" src="files/nube4.png" style="opacity:0;z-index: 9999;position: absolute;width: 300px;bottom:-100px;left: 200px;"/>
				<img id="nube5" src="files/nube4.png" style="opacity:0;z-index: 9999;position: absolute;width: 300px;bottom:-100px;left: 320px;" />
				<form action="https://www.paypal.com/cgi-bin/webscr" method="post" style="z-index: 9999;position: absolute;bottom:-35px;left: 370px;">
					<input type="hidden" name="cmd" value="_s-xclick">
					<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----
					">
					<input type="image" src="https://www.paypalobjects.com/es_ES/ES/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal. La forma rápida y segura de pagar en Internet.">
					<img alt="" border="0" src="https://www.paypalobjects.com/es_ES/i/scr/pixel.gif" width="1" height="1">
				</form>
			</div>
		</div>
		<div id="carga" style="position: fixed;width: 100%;height: 100%;background: #000;overflow: hidden;top:0px;left: 0px;z-index: 9999;"></div>
	</body>
</html> 
